<script setup>
import { onMounted } from 'vue'

/*
 vue2生命周期
     创建期
        beforeCreate:创建前
        created:创建后
     渲染期
        beforeMount:渲染前
        mounted:渲染后
     更新期
        beforeUpdate:更新前
        updated:更新后
     销毁期（中断渲染）
        beforeDestroy:销毁前
        destroyed:销毁后
     缓存期 keep-alive
        activated:激活时
        deactivated:隐藏时
 vue3生命周期
     创建期(可以用，但是不用了)
        beforeCreate:创建前-----setup
        created:创建后----------setup
     分界线
     渲染期
        beforeMount:渲染前
        mounted:渲染后
     更新期
        beforeUpdate:更新前
        updated:更新后
     销毁期（中断渲染unmount）
        beforeUnmount:销毁前
        unmounted:销毁后
     缓存期 keep-alive
        activated:激活时
        deactivated:隐藏时
     组合api:代码都写到setup
          生命周期使用：
              用法：
                 1：导入  import {onBeforeMount} from 'vue'
                 2:使用
                    onBeforeMount(()=>{
                      .....
                    })
                    onBeforeMount(()=>{
                      .....
                    })
                  用法：先要导入，都要加on,
                  特点：可以用多次了
       


*/
onMounted(() => {
  console.log('onMounted----1')
})
onMounted(() => {
  console.log('onMounted----2')
})
onMounted(() => {
  console.log('onMounted----3')
})
</script>

<template>
  <div class="vue-page">vue</div>
</template>

<style lang="scss" scoped></style>
